﻿<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>text-indent</title>
<link rel="stylesheet" href="demo.css"/>
<style type="text/css">
p{margin:10px;background:#ddd;}

.m-demo .p1{text-indent:2em;}
.m-demo .p2{text-indent:10px;}
.m-demo .p3{text-indent:20%;}
.m-demo .p4{text-indent:-2em;}
.m-demo .p5{text-indent:-9999px;}
</style>
</head>
<body>
<div class="m-demo">
	<p class="p1">首行缩进：text-indent:2em;首行缩进首行缩进首行缩进首行缩进</p>
	<p class="p2">首行缩进：text-indent:10px;首行缩进首行缩进首行缩进首行缩进</p>
	<p class="p3">首行缩进：text-indent:20%;首行缩进首行缩进首行缩进首行缩进</p>
	<p class="p4">首行缩进：text-indent:-2em;首行缩进首行缩进首行缩进首行缩进</p>
	<p class="p5">首行缩进：text-indent:-9999px;首行缩进首行缩进首行缩进首行缩进</p>
</div>
</body>
</html>